<template>
  <div>
      <button v-if="isShow" @click="toggle">点击搜索</button>
      <input type="text" v-else ref="inp"> 
  </div>
</template>

<script>
export default {
data (){
    return {
        isShow:true,
    }
},
methods:{
    toggle(){
        this.isShow=false
        //获取原生Dom 调用focus方法 输入框自动聚焦
        this.$nextTick(()=>{
            this.$refs.inp.focus()
        })
    },
}
}
</script>

<style>

</style>